<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script src="js/jquery-3.4.1.min.js"></script>

    <h2 id="h2#x">修仙小说</h2> 
    <ul>
        <li>凡人修仙传</li> 
        <li>遮天</li> 
        <li>神墓</li> 
        <li>残袍</li> 
        <li>大主宰</li> 
    </ul>

    <script>
       $("li:first").css("color","red"); //第一个li元素
       $("li:last").css("color","red"); //最后一个li元素
       $("li:even").css("color","red"); //偶数行的li元素
       $("li:odd").css("color","red"); //奇数行的li元素
       $("li:eq(2)").css("color","red"); //下标为2的li元素
       $("li:gt(1)").css("color","red"); //下标大于1的li元素
       $("li:lt(2)").css("color","red"); //下标小于2的li元素
       $("#h2\\#x").css("color","red"); //使用转义符

    </script>
</body>
</html>